/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
a,a:hover{color:#333;}

body{min-width: 1200px;}
/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-cl{clear: both}

.w_1200{width: 1200px;margin: 0 auto;}
.top{height: 30px;line-height: 30px; background: #fff; width:100%;}
.nav{background: #036eb6;overflow: hidden;height: 60px;line-height:60px;}
.nav ul li{float: left;width: 14%;text-align: center;}
.nav ul li:hover{background: url("../cssimg/nav.png") no-repeat bottom #ffef00 ;}
.nav ul li.hover{background: url("../cssimg/nav.png") no-repeat bottom #ffef00 ;}
.nav ul li:hover a{color: #000;}
.nav ul li.hover a{color: #000;}
.nav ul li a{color: #fff;font-size: 16px;}

.banner img{width: 100%;}

.di{max-width: 1920px;padding-top: 120px; margin:0 auto;}
.title{background: url("../cssimg/title.png") no-repeat;width: 465px;height: 51px;}
.title{color: #fff;padding-left:40px;}
.title div:nth-child(2){font-size: 28px;text-indent:20px;}
.title div em{font-size:14px;margin-left:20px;}

.ad{margin:20px 0 0px 0;color: #fff;overflow: hidden;}
.ad div{height: 60px;text-align: center;line-height: 40px;}
.xinan{border-bottom: 1px dashed #fff;height:20px;margin-bottom: 25px;}

.about{background: #1577e4;padding: 40px;color: #fff;overflow: hidden;margin-top: 20px;}
.about_l h4{font-size: 28px;  }
.about_l p{padding: 10px 0;line-height: 30px;font-size: 18px;}
.about_l a{color: #fff;}

.about_l{width: 900px;}
.about_r{width: 300px;text-align: right;line-height:20px;}
.dianhua{border: 1px solid rgba(255,255,255,.4);width:320px;padding:5px 5px;margin-bottom: 5px;}
.dianhua em{display: block;width:90%;font-size: 18px; font-weight:bold;background: #1c67bb;padding: 10px 15px; color:#FFFFFF;}

.blueBar {
    width: 100%;
    height: 80px;
    margin: 0 auto;
    background: #33bbff url(../cssimg/bluebar.png) no-repeat center center;
}
.foot{background: #00418a;}
.foot_w{padding: 20px 0;overflow: hidden;}
.foot_w dl{float: left;width: 14%;}
.foot_w dl a{color: #fff;}

.foot_w dl dd{height: 30px;line-height: 30px;font-size: 16px; color:#FFFFFF;}
.foot_w dl dt{height: 24px;line-height: 24px;font-size: 12px;}
.foot_w dl dt a{color: #69b3e3;}


.foot_p{padding: 30px;text-align: center; color: #69b3e3;font-size: 14px;}
.jieshao em img a:hover{ background-color:#666666;}



.case-list {
    width: 364px;
    background: #FFFFFF;
    box-shadow: 0 10px 20px 0 rgba(37,39,95,0.06);
    border-radius: 6px;
	margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 40px;
    float: left;
    border: 1px solid #E7E7E7;
    overflow: hidden;
    transition: all 0.5s;
}

.case-pic {
    height: 220px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.case-pic:after {
    content:"";
    display: block;
    width: 150%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4581fb;
    background-image: -webkit-linear-gradient(52deg, #0D6AF2 0%, #00C1DF 59%, #182FEC 100%); /* Safari 5.1 - 6.0 */
    background-image: -o-linear-gradient(52deg, #0D6AF2 0%, #00C1DF 59%, #182FEC 100%); /* Opera 11.1 - 12.0 */
    background-image: -moz-linear-gradient(52deg, #0D6AF2 0%, #00C1DF 59%, #182FEC 100%); /* Firefox 3.6 - 15 */
    background-image: linear-gradient(52deg, #0D6AF2 0%, #00C1DF 59%, #182FEC 100%);
    opacity: 0;
    transition: all 0.5s ease;
}
.case-list:hover .case-pic:after {
    opacity: 0.5;
    transform: translate3d(-25%,0,0);
}
.case-content {
    padding: 30px;
    height: 110px;
    overflow: hidden;
}
.case-content h3 {
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 15px;
	font-weight: normal;
    font-family: "PingFangSC-Regular",PingFangSC-Light, 'Microsoft YaHei', "微软雅黑", SourceHanSansCN-Normal, STHeiti, Helvetica, Arail;
}
.case-content p {
    font-size: 16px;
    color: #87878A;
    line-height: 24px;
	font-weight: normal;
    font-family: "PingFangSC-Regular",PingFangSC-Light, 'Microsoft YaHei', "微软雅黑", SourceHanSansCN-Normal, STHeiti, Helvetica, Arail;
}

.case-tongji {
    border-top: 1px solid #E7E7E7;
    padding: 20px 0;
    margin: 0 10%;
}
.case-tongji ul {
    display: flex;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
    -webkit-justify-content: space-around; /* Safari */
    justify-content: space-around;
}
.case-tongji li {
    text-align: center;
}
.btn_{
	border: 1px solid #4581fb;
    border-radius: 100px;
    color: #4581fb;
    background: #fff;
    margin: 0px auto;
    width: 130px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    position: relative;
    transition: all 0.75s ease;
}

.btn_:hover {
    background-color: #2769ed;
    color: #fff;
    background-image: -webkit-linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%); /* Safari 5.1 - 6.0 */
    background-image: -o-linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%); /* Opera 11.1 - 12.0 */
    background-image: -moz-linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%); /* Firefox 3.6 - 15 */
    background-image: linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
}

.btn_l{margin-right:15px;}
.btn_r{margin-left:15px;}